@charset "UTF-8";
/* 
    Created on : 2019-11-20
    Author     : Chad
*/
/* HTML5 display-role reset for older browsers */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 111111s; -webkit-transition: color 11111s ease-out, background-color 111111s ease-out; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

input { outline: none; border: none; -webkit-appearance: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }

sup, sub { font-size: 83%; }

sub { bottom: -.25em; }

sup { top: -.5em; }

.danger { color: #f56c6c; }

small { font-size: 80%; }

.ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.align-items-center { align-items: center; display: flex; }

/* custom */
a { color: inherit; text-decoration: none; -webkit-backface-visibility: hidden; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

img { border: none; vertical-align: middle; max-width: 100%; display: block; height: auto; width: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol, li, i { list-style: none; }

::-webkit-scrollbar { width: 5px; height: 5px; }

::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; }

button { border: 0px; outline: none; padding: 0; cursor: pointer; }

.strong { font-weight: bold; }

.lighter { font-weight: lighter; }

.fl { float: left; }

.fr { float: right; }

.clearfix::before, .clearfix::after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }

strong { font-weight: bolder; }

body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; font-family: "微软雅黑", sans-serif; color: #3a414b; margin: 0 auto; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; box-sizing: border-box; /*去除移动端特有的点击高亮效果*/ -webkit-tap-highlight-color: transparent; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 111111s; -webkit-transition: color 11111s ease-out, background-color 111111s ease-out; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1300px; } }

@media (min-width: 1679px) { .container { max-width: 1600px; } }

.el-popper[x-placement^=bottom] { margin-top: 0px; }

.el-popover--plain { padding: 10px 20px; border-radius: 20px; color: #F56C6C; }

.el-popover { font-size: 13px; }

.line-one { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.line-two { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.line-three { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
